/*滚动条相关*/
::-webkit-scrollbar {
  width: 4px;
}

::-webkit-scrollbar-track {
  background: #9E9E9E;
}

::-webkit-scrollbar-thumb {
  background: #ffffff;
}

/* 文本线性渐变颜色 */
.text-linear-gradient-vertical {
  color: transparent;
  background-image: linear-gradient(to bottom, #ffffff, rgba(3, 169, 244, .8));
  -webkit-background-clip: text;
  background-clip: text;
}

.text-linear-gradient-horizontal {
  color: transparent;
  background-image: linear-gradient(to right, #ffffff, rgba(3, 169, 244, 1));
  -webkit-background-clip: text;
  background-clip: text;
}

.text-linear-gradient-horizontal-reverse {
  color: transparent;
  background-image: linear-gradient(to right, rgba(3, 169, 244, 1), #ffffff);
  -webkit-background-clip: text;
  background-clip: text;
}
.block-global-border {
  border: 2px solid;
  border-image: linear-gradient(to right, transparent,rgb(184, 255, 77), transparent);
  border-image-slice: 1 1 1 1;
  border-right: none;
}
/* 颜色 */
.color-text-Red {
  color: #ff4d4f;
}

.color-text-Volcano {
  color: #ff7a45;
}

.color-text-Orange {
  color: #ffa940;
}


.color-text-Gold {
  color: #ffc53d;
}

.color-text-Yellow {
  color: #ffec3d;
}

.color-text-Lime {
  color: #a0d911;
}

.color-text-Green {
  color: #52c41a;
}

.color-text-Cyan {
  color: #13c2c2;
}

.color-text-DaybreakBlue {
  color: #1890ff;
}

.color-text-GeekBlue {
  color: #2f54eb;
}

.color-text-GoldenPurple {
  color: #722ed1;
}

.color-text-Magenta {
  color: #eb2f96;
}

.sm-gradient-label {
  text-align: center;
  padding: 5px 30px;
  margin: 0;
  color: #fff;
  background: linear-gradient(rgb(7 10 203 / 75%), rgb(16 238 220));
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  max-height: 130px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.sm-gradient-label:after {
  content: "";
  position: absolute;
  bottom: -60px;
  left: calc(50% - 3px);
  display: block;
  width: 3px;
  height: 60px;
  border-right: 3px solid #2bcdbb;
}
/* 下面我们会解释这些 class 是做什么的 */
.v-enter-active,
.v-leave-active {
  transition: opacity 0.5s ease;
}

.v-enter-from,
.v-leave-to {
  opacity: 0;
}